<style>
  body {
    cursor: url('http://ionicframework.com/img/finger.png'), auto;
  }

  .messages {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .messages li {
  display:table;
  clear:both;
  max-width:50%;
  margin:0 0 1rem 0;
  padding:0;
  }

  /*.messages li:nth-child(even) {*/
  /*float:right;*/
  /*}*/

  /*.messages li:nth-child(even) img {*/
  /*float:right;*/
  /*}*/

  /*.messages p {*/
  /*border-radius:.75rem;*/
  /*background:#e6e5eb;*/
  /*color:#383641;*/
  /*padding:.6875rem;*/
  /*margin:0;*/
  /*font-size:.875rem;*/
  /*}*/

  /*.messages li:nth-child(even) p {*/
  /*background:#158ffe;*/
  /*color:#fff;*/
  /*}*/

  /*.messages .messages-left li{*/
    /*display: block;*/
    /*clear: both;*/
    /*max-width: 50%;*/
    /*margin: 0 0 1rem 0;*/
    /*padding: 0;*/
  /*}*/

  .messages .messages-left p {
    border-radius: .75rem;
    background: #e6e5eb;
    color: #383641;
    padding: .6875rem;
    margin: 0;
    font-size: .875rem;
  }

  .messages .messages-right{
    /*border-radius: .75rem;*/
    /*background: #e6e5eb;*/
    /*color: #383641;*/
    /*padding: .6875rem;*/
    /*margin: 0;*/
    /*font-size: .875rem;*/
    float: right;
  }

  .messages .messages-right p {
    border-radius: .75rem;
    background: #158ffe;
    color: #fff;
    padding: .6875rem;
    margin: 0;
    font-size: .875rem;
  }

  .messages .messages-right img {
    background: #158ffe;
    float: right;
  }

  .messages img {
    display: block;
    max-width: 65%;
    border-radius: .75rem;
/*    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /!* Internet Explorer *!/
    -moz-transform:rotate(90deg); /!* Firefox *!/
    -webkit-transform:rotate(90deg); /!* Safari 和 Chrome *!/
    -o-transform:rotate(90deg); /!* Opera *!/*/
  }
</style>
<ion-view title={{cname}}>
  <ion-nav-buttons side="left">
    <button class="button button-icon icon ion-ios7-arrow-thin-left" ng-click="back()">
      <i class="icon ion-ios-arrow-back"></i>
    </button>
  </ion-nav-buttons>
  <ion-content class="padding has-footer has-header" on-scroll-complete = "scrollBotton" >
    <ol class="messages">
      <li ng-repeat="message in messages" ng-bind-html="message.record" ng-class="{true:'messages-right',false:'messages-left'}[isRight(message.userid)]"></li>
    </ol>
  </ion-content>
  <ion-footer-bar class="bar-frosted">
    <!--<button class="button button-clear button-positive" ng-click="add()">Add Message</button>-->
    <!--<div class="button button-icon border-black footer-voice-button ion-mic-a  icon-small" ng-click="voice()">-->
    <!--</div>-->
    <div class="button button-icon ion-mic-a border-black footer-voice-button icon-small" style="margin-left: 10px" ng-click="voice()">
    </div>
    <div class="button button-icon ion-image" style="color: #888888" ng-click="uploadimg()"></div>
    <input class="followDetial-input" ng-model="textmessage">
    <button class="button" style="width: 70px;" ng-click="sendmessage(textmessage)">发送</button>
  </ion-footer-bar>
</ion-view>

